@section('title')
    @parent
    | @lang('nav.page.contacts.index')
@stop
@section('page_title')
	<div class='source-page'>
		<div class='container'>
			<h1>@lang('nav.page.contact')</h1>
			<ul class="bullet-arrow list-inline">
				<li><a href="{{ URL::to('/') }}">@lang('nav.page.home')</a></li>
				<li class="current">@lang('nav.page.contact')</li>
			</ul>
		</div>
	</div>
@stop
@section('content')
<?php $abouts = About::where('is_deleted', '=', 0)->get(); ?>
<div class="contact-box">
    <div class="contact-textbox">
        <a class="fa fa-exchange hide-show"></a>
        <h3>CHUSHOP.VN</h3>
        <ul>
            <li>
                <div class="box-info-title"><i class="address-icon fa fa-map-marker"></i>&nbsp; @lang('contact.attr.address')<span class='pull-right'>:&nbsp;</span></div>
                <div class="box-info-content">{{ $abouts[4]->description }}</div>
            </li>
            <li>
                <div class="box-info-title"><i class="address-icon fa fa-phone"></i>&nbsp; @lang('contact.attr.phone')<span class='pull-right'>:&nbsp;</span></div>
                <div class="box-info-content"><a href="tel:{{ $abouts[1]->description }}">{{ $abouts[1]->description }}</a></div>
            </li>
            <li>
                <div class="box-info-title"><i class="address-icon fa fa-envelope"></i>&nbsp; @lang('contact.attr.email')<span class='pull-right'>:&nbsp;</span></div>
                <div class="box-info-content"><a href="mailto:{{ $abouts[0]->description }}">{{ $abouts[0]->description }}</a></div>
            </li>
        </ul>
        <h4>@lang('contact.form.contact')</h4>
        
        {{ Form::open(array(
            'action' => 'ContactController@store',
            'id' => 'form-contact-create',
            'class' => '',
            'method' => 'post',
            'data-remote' => 'true',
            'data-type' => 'json',
            'novalidate'
        )) }}
            <div class="form-group col-lg-7 col-md-7 col-sm-7">
                {{ Form::text('name', null, array('class' => 'form-control', 'placeholder' => trans('contact.attr.name'))) }}
            </div>
            <div class="form-group col-lg-5 col-md-5 col-sm-5">
                {{ Form::text('phone', null, array('class' => 'form-control', 'placeholder' => trans('contact.attr.phone'))) }}
            </div>
            <div class="form-group">
                {{ Form::email('email', null, array('class' => 'form-control', 'placeholder' => trans('contact.attr.email'))) }}
            </div>
            <div class="form-group">
                {{ Form::text('address', null, array('class' => 'form-control', 'placeholder' => trans('contact.attr.address'))) }}
            </div>
            <div class="form-group">
                {{ Form::textarea('content', null, array('class' => 'form-control', 'placeholder' => trans('contact.attr.content'), 'rows' => 5)) }}
            </div>
            <div class="form-group">
                {{ Form::button('<i class="fa fa-envelope"></i> ' . trans('form.label.send'), array('type' => 'submit', 'class' => 'btn btn-success pull-right')) }}
            </div>
        </form>
    </div>
    
    <div class="contact-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.6042660054172!2d106.68214915603818!3d10.76495117989122!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f1e44297965%3A0x1978997b0736d608!2zMzc3IFRy4bqnbiBCw6xuaCBUcuG7jW5nLCAxLCBRdeG6rW4gMTAsIEjhu5MgQ2jDrSBNaW5oLCBWaeG7h3QgTmFt!5e0!3m2!1svi!2s!4v1412043614301" frameborder="0" style="border:0"></iframe>
    </div>
</div>
    
@stop

@section('scripts')
    {{ HTML::script('assets/javascripts/contact.js') }}
@stop